<!-- Media item --> <div class="media box-generic"> <img class="media-object pull-left thumb" data-src="holder.js/51x51" alt="Image" /> <div class="media-body"> <h4 class="media-heading">Media heading</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae accumsan mauris. Donec vitae nibh felis, facilisis bibendum sapien. Duis a odio id erat scelerisque fermentum in ut leo. Suspendisse potenti. Nunc semper cursus dui luctus porttitor. Donec facilisis semper magna sit amet ullamcorper. </div> </div> <!-- // Media item END -->
@import "assets/components/modules/admin/widgets/widget-generic/assets/widget-generic.less"; @import "assets/components/core/less/gallery.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/plugins/holder/holder.js?v=v1.2.3"></script>
<!-- Media item --> <div class="media box-generic"> <img class="media-object pull-right thumb" data-src="holder.js/51x51" alt="Image" /> <div class="media-body right"> <h4 class="media-heading">Media heading right</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae accumsan mauris. Donec vitae nibh felis, facilisis bibendum sapien. Duis a odio id erat scelerisque fermentum in ut leo. Suspendisse potenti. Nunc semper cursus dui luctus porttitor. Donec facilisis semper magna sit amet ullamcorper. </div> </div> <!-- // Media item END -->
@import "assets/components/modules/admin/widgets/widget-generic/assets/widget-generic.less"; @import "assets/components/core/less/gallery.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/plugins/holder/holder.js?v=v1.2.3"></script>